@charset "UTF-8";
@import "base.scss";
@import "common.scss";


.web header .public{
  display: flex;
  width: 100vw;
  height: 20vw;
  justify-content: space-around;
  .cloud{
    width: 26vw;
    height: 20vw;
    position: relative;
    span{
      position: absolute;
      bottom: 0;
      left: 5vw;
      font-size: 3vw;
    }
    img{
      width: 100%;
    }
  }
}

.web main {
  position: absolute;
  overflow: auto;
  top: 40vw;
  .exit{
    width: 100vw;
    height: 12vw;
    display: flex;
    justify-content: space-around;
    .box{
      width: 20vw;
      height: 10vw;
      background-color: #ff9344;
      border-radius: 3vw;
      line-height: 10vw;
      text-align: center;
      color: #ffffff;
    }
    .box1{
      width: 20vw;
      height: 10vw;
      background-color: #ff9344;
      border-radius: 3vw;
      line-height: 10vw;
      text-align: center;
      color: #ffffff;
    }
  }
}

.web main .buy{
  width: 100vw;
  height: 11vw;
  margin-top: 6vw;
  .buy_left span{
    line-height: 14vw;
    font-size: 4vw;
    margin-left: 3vw;
  }
  .buy_left{
    text-align: center;
  }
  .buy_left span:nth-child(1){
    font-size: 8vw;
  }
  .buy_right span{
    line-height: 14vw;
    font-size: 4vw;
    margin-right: 3vw;
  }
}